<template>
    <div class="hook">
        <div id="clock" style="display: block;">
            <a class="clockh">权限不足</a>
            <hr noshade="noshade">
            <a class="clockp">请联系管理员／Please contact the administrator.</a>
            <img class="ban" src="../assets/error.png" alt="erro">
        </div>
    </div>
</template>

<script>
    export default {
        name: 'hook',
        data() {
            return {
            }
        }
    }
</script>

<style scoped>
    #clock {
        width: auto;
        margin: 55px 0px 0px 55px;
        display: none;
    }
    
    .clockh {
        color: #F16B68;
        font: 42px Tahoma, "Microsoft Yahei", SimHei;
        line-height: 42px;
        letter-spacing: 1px;
    }
    
    #clock hr {
        height: 2px;
        width: 50%;
        color: #F16B68;
        background-color: #F16B68;
        border: none;
        margin: 20px 0px;
    }
    
    .clockp {
        color: #625965;
        font: bold 15px FangSong, Simsun;
        line-height: 15px;
        letter-spacing: 1px;
    }

    .ban{ 
        width: 80%;
        position: absolute;
        top: 8%;
        right: 0.5%;
    }
</style>